import React, {Component} from 'react';
import LoginPanelStyles from './index.module.scss';
import {Input, Button} from 'antd';
import {PropsInterface} from './types';
export default class LoginPanel extends Component<PropsInterface> {
    render() {
        const {toggleType} = this.props;
        return (
            <div className={LoginPanelStyles.login_panel}>
                <Input placeholder="请输入用户名" className={LoginPanelStyles.input} />
                <Input placeholder="请输入密码" className={LoginPanelStyles.input} />
                <Input placeholder="请输入验证码" className={LoginPanelStyles.input} />
                <Button type="primary" block>
                    立即登录
                </Button>
                <div className={`${LoginPanelStyles.tip} clearfix`}>
                    <div className={LoginPanelStyles.l}>
                        还没有会员,&nbsp;&nbsp;<span onClick={() => toggleType('REG')}>立即注册</span>
                    </div>
                    <div className={LoginPanelStyles.r}>忘记密码?</div>
                </div>
                <p className={LoginPanelStyles.info}>骄傲的使用了轻量级开源管理系统 </p>
            </div>
        );
    }
}
